<template>
  <div>
    <!-- html标签 -->
    <h1>app</h1>
    <!-- 调用子组件的标签 -->
    <son :msg="msg" :info="info" @todo1="todo"></son>
    <button @click="give"></button>
  </div>
</template>

<script>
import Son from "./components/Son";
export default {
  data() {
    return {
      msg: "都精神精神，不会了跟不上了说话",
      info: "中午吃的什么饭！！",
    };
  },
  components: {
    Son,
  },
  methods: {
    todo() {
      console.log("我是todo");
    },
    give() {
      console.log("give");
    },
  },
};
</script>

<style lang="scss" scoped>
</style>